<template>
  <div class="h-full flex flex-row justify-between items-center">
    <div class="flex flex-row items-center">
      <header-collapse />
      <header-breadcrumb />
    </div>
    <div class="flex flex-row items-center">
      <!-- 全屏 -->
      <el-tooltip effect="dark" :content="setI18n('fullscreen.tooltip')" placement="bottom">
        <xt-fullscreen class="mr-10" :size="30" />
      </el-tooltip>

      <!-- 头像 -->
      <header-avatar />
    </div>
  </div>
</template>

<script lang="ts">
export default {
  name: "BaseLayoutHeader",
};
</script>

<script lang="ts" setup>
import HeaderBreadcrumb from "./components/breadcrumb.vue";
import HeaderAvatar from "./components/avatar.vue";
import HeaderCollapse from "./components/collpase.vue";
import { useLocalI18n } from "@/locales/i18n";
const { setI18n } = useLocalI18n();
</script>
